// 初始化
html,body{color: #111111;}
uni-page-body{color: #111111;}
view,text,navigator{box-sizing: border-box;}
image{display: block;}

// 占位元素
.status_bar{height: var(--status-bar-height);width: 100%;}

// 自定义flex布局
.flex{display: flex;}
.flex1{flex: 1;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexBetween{display: flex;justify-content: space-between;align-items: center;}
.flexItems{display: flex;align-items: center;}
.flexItemsEnd{display: flex;align-items: flex-end;}
.flexWrap{display: flex;flex-wrap: wrap;}
.flexColumn{display: flex;flex-direction: column;}
.flexTB{display: flex;flex-direction: column;justify-content: space-between;}

// 自定义默认边距
.box{padding: 30rpx;}
.boxtb{padding: 30rpx 0;}
.boxlr{padding: 0 30rpx;}

// 文本
.fontBold{font-weight: bold;}
.hidden{overflow: hidden;}
.z-t-l,.z-t-left{text-align: left;}
.z-t-r,.z-t-right{text-align: right;}
.z-t-c,.z-t-center{text-align: center;}

// 字体大小
.u-font-64{font-size: 64rpx;}

// 颜色
.cmain{color: #00A1D6;}
.cFFFFFF{color: #FFFFFF;}
.c999999{color: #999999;}
.c757575{color: #757575;}
.cFF2424{color: #FF2424;}
.cACACAC{color: #ACACAC;}
.c333333{color: #333333;}
.cCCCCCC{color: #CCCCCC;}
.cFFC016{color: #FFC016;}
.cB4B4B4{color: #B4B4B4;}
.cAAAAAA{color: #AAAAAA;}
.c2492FF{color: #2492FF;}

// 背景
.bgFFFFFF{background-color: #FFFFFF;}
.bgF5F5F7{background-color: #F5F5F7;}

// 定位
.z-sticky{position: sticky;top: 0;left: 0;right: 0;z-index: 10;}
.z-fixed-bottom{position: fixed;bottom: 0;left: 0;right: 0;z-index: 1;}
.z-fixed-bottom-pb{padding-bottom: 170rpx;}

// 行高
.z-lineHeight-36{line-height: 36rpx;}
.z-lineHeight-44{line-height: 44rpx;}

// 自定义盒子样式(多用于详情页)
.z-box{padding: 30rpx;border-radius: 20rpx;background-color: #FFFFFF;margin-bottom: 20rpx;}

// 无数据时显示
.z-nodata{padding: 300rpx 0;}
// 可视区域高度
.z-height{width: 100%;height: calc(100vh - 44px);}
.z-height-vh { width: 100%; height: 100vh; }